{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
	.layui-colla-content li { line-height: 30px; }
</style>
{/block}
{block name="main"}
<div class="layui-card ns-card-common ns-card-brief">
	<div class="layui-card-header">
		<span class="ns-card-title">详情</span>
	</div>

	<div class="layui-card-body">
		<div class="layui-form-item">
			<label class="layui-form-label">卡号：</label>
			<div class="layui-input-block ns-len-mid">
				<p class="ns-input-text ns-len-mid">{$card.data.card_account}</p>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">订单号：</label>
			<div class="layui-input-block ns-len-mid">
				<p class="ns-input-text ns-len-mid">{$card.data.order_no}</p>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">客户头像：</label>
			<div class="layui-input-block ns-len-mid">
				<p class="ns-input-text ns-len-mid"><img class="member_img" src="" width="40px"></p>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">客户昵称：</label>
			<div class="layui-input-block ns-len-mid">
				<p class="ns-input-text ns-len-mid">{$card.data.nickname}</p>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">套餐封面：</label>
			<div class="layui-input-block ns-len-mid">
				<p class="ns-input-text ns-len-mid"><img class="cover_img" src="" width="40px"></p>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">套餐面值：</label>
			<div class="layui-input-block ns-len-mid">
				<p class="ns-input-text ns-len-mid">{$card.data.face_value}</p>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">金额：</label>
			<div class="layui-input-block ns-len-mid">
				<p class="ns-input-text ns-len-mid">{$card.data.buy_price}</p>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">积分：</label>
			<div class="layui-input-block ns-len-mid">
				<p class="ns-input-text ns-len-mid">{$card.data.point}</p>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">成长值：</label>
			<div class="layui-input-block ns-len-mid">
				<p class="ns-input-text ns-len-mid">{$card.data.growth}</p>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">状态：</label>
			<div class="layui-input-block ns-len-mid">
				<p class="ns-input-text ns-len-mid">{$card.data.use_status == 1 ? '未使用' : '已使用'}</p>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">创建时间：</label>
			<div class="layui-input-block ns-len-mid">
				<p class="ns-input-text ns-len-mid">{:date('Y-m-d H:i:s', $card.data.create_time)}</p>
			</div>
		</div>

	</div>

</div>
{/block}
{block name="script"}
<script>
    var member_img = "{$card.data.member_img}";
    member_img = ns.img(member_img);
    $(".member_img").attr("src",member_img);

    var cover_img = "{$card.data.cover_img}";
    cover_img = ns.img(cover_img);
    $(".cover_img").attr("src",cover_img);
</script>
{/block}